<template>
	<view>
		<view class="top-nav">
			<view>返回</view>
			<view>最新情况反馈</view>
			<view>发布</view>
		</view>
		<view class="input1 goods-input1">
			<view class="">最新情况反馈:</view>
			<input class="goods-input" type="text" value="" />
		</view>
		
		
		
		
		<view class="user-info">
			微信头像：
			<view class="user-head">
		</view>
		</view>
		
		<view class="user-name">
			微信昵称
		</view>
		<view class="att-info">
			注意：<br/>
			1、请核实信息的时效与准确<br/>
			2、有最新消息请及时反馈
		</view>
		<view @click="updateNews" class="release-btn">
			发布
		</view>
		<view class="foot-back">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		// onLoad(){
		// 	console.log(123)
		// 	uni.getLocation({
		// 	    type: 'gcj02', //返回可以用于uni.openLocation的经纬度
		// 	    success: function (res) {
		// 			console.log(res);
		// 	        const latitude = res.latitude;
		// 	        const longitude = res.longitude;
		// 	        uni.openLocation({
		// 	            latitude: latitude,
		// 	            longitude: longitude,
		// 	            success: function () {
		// 	                console.log('success');
		// 	            }
		// 	        });
		// 	    },
		// 		fail(err) {
		// 			console.log(err)
		// 		}
		// 	});
		// },
		methods: {
			updateNews(){
				uni.request({
					url:"http://weixiaokong.91xiaokong.com/jeecg-boot/rescue/hnjzRescueInformation/comment/list",
					success() {
						uni.showToast({
							title:'发布成功'
						}),
						uni.navigateBack({
							delta:1
						})
					}
				})
			}
		}
	}
</script>

<style>
.top-nav{
	margin: 0 auto;
	width: 90%;
	display: flex;
	justify-content: space-between;
}
.input1{
	margin-top: 30rpx;
	margin-left: 45rpx;
	display: flex;
	align-items: center;
}
.goods-input1{
	flex-flow: column;
	align-items: flex-start;
}
.input1 input{
	margin-left: 40rpx;
	width: 70%;
	height: 80rpx;
	border: #000 solid 1rpx;
	border-radius: 40rpx;
}
.input1 .goods-input{
	height: 300rpx;
	width: 90%;
	margin-top:20rpx;
	margin-left: 0;
}
.my-location,
.my-location-info{
	display: flex;
	margin-left: 40rpx;
	margin-top: 30rpx;
}
.my-location-info select{
	margin-left: 90rpx;
	width: 100rpx;
	height: 50rpx;
}
.my-location-btn{
	border: #000 1rpx solid;
	padding: 10rpx;
	border-radius: 20rpx;
}
.user-info{
	display: flex;
	margin-left: 40rpx;
	margin-top: 30rpx;
}
.user-head {
		width: 40rpx;
		height: 40rpx;
		background-color: #baf;
		border-radius: 20rpx;
	}
	.user-name{
		margin-left: 40rpx;
		margin-top: 30rpx;
	}
	.release-btn{
		width: 80%;
		height: 80rpx;
		border: #000 solid 1rpx;
		margin: 50rpx auto 200rpx;
		border-radius: 50rpx;
		text-align: center;
		line-height: 80rpx;
	}
	.foot-back{
		width: 100%;
		height: 400rpx;
		background-color: #ccc;
	}
	.att-info{
		margin: 10rpx 0 0 45rpx;
		font-size: 30rpx;
		color: #ccc;
	}
</style>
